{extends file="assets::smarty-templates::Master"|ToPath}
{block name=content}

<form method="post" action="{$action}">
    <div>
        <div id="Requerimiento">
            <fieldset>
                <legend>Perfil requerido</legend>
                <dl>
                    <dt>
                        <label for="CodigoPracticante">
                            Escriba aqu&iacute; el c&oacute;digo del estudiante
                            seleccionado
                        </label>
                    </dt>
                    <dd>
                        <input name="{bind name="CodigoPracticante" to="PracticanteActual.CodigoEstudiante"}"
                               id="CodigoPracticante"
                               />
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <label for="FechaIniciacion">
                            Fecha de iniciaci&oacute;n de la pr&aacute;ctica
                        </label>
                    </dt>
                    <dd>
                        <input name="{bind name="FechaIniciacion" to="FechaIniciacion"|filter:"DateToJson('m/d/y')"}"
                               id="FechaIniciacion"
                               value="{$solicitud->getFechaIniciacion()|json_to_date:'m/d/y'}"
                               />
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <label for="FechaFinalizacion">
                            Fecha de finalizaci&oacute;n de la pr&aacute;ctica
                        </label>
                    </dt>
                    <dd>
                        <input name="{bind name="FechaFinalizacion" to="FechaFinalizacion"|filter:"DateToJson('m/d/y')"}" 
                               id="FechaFinalizacion"
                               value="{$solicitud->getFechaFinalizacion()|json_to_date:'m/d/y'}"/>
                    </dd>
                </dl>
            </fieldset>
            <fieldset>
                <legend>Datos Ubicaci&oacute;n del Estudiante Solicitado en Pr&aacute;cticas Profesionales </legend>
                <dl>
                    <dt>
                        <label for="AreaTrabajo">
                            &Aacute;rea o Departamento a asignar
                        </label>
                    </dt>
                    <dd>
                        <input type="text"
                               name="{bind name="AreaTrabajo" to="AreaTrabajo"}"
                               id="AreaTrabajo"
                               value="{$solicitud->getAreaTrabajo()}"/>
                    </dd>
                </dl>
                
                <dl>
                    <dt>
                        <label for="Cargo">
                            Cargo
                        </label>
                    </dt>
                    <dd>
                        <input type="text" 
                               name="{bind name="Cargo" to="Cargo"}" 
                               id="Cargo" 
                               value="{$solicitud->getCargo()}"/>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="NombreTutor">
                            Nombre del tutor
                        </label>
                    </dt>
                    <dd>
                        <input type="text" 
                               name="{bind name="NombreTutor" to="Tutor.Nombre"}" 
                               id="NombreTutor" 
                               value="{$solicitud->getTutor()->getNombre()}"/>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="CargoTutor">
                            Cargo
                        </label>
                    </dt>
                    <dd>
                        <input type="text" 
                               name="{bind name="CargoTutor" to="Tutor.Cargo"}" 
                               id="CargoTutor" 
                               value="{$solicitud->getTutor()->getCargo()}"/>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="TelefonoTutor">
                            Tel&eacute;fono
                        </label>
                    </dt>
                    <dd>
                        <input type="text"
                               name="{bind name="TelefonoTutor" to="Tutor.Telefono"}"
                               id="TelefonoTutor"
                               value="{$solicitud->getTutor()->getTelefono()}"/>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="ExtensionTutor">
                            Extensi&oacute;n
                        </label>
                    </dt>
                    <dd>
                        <input type="text"
                               name="{bind name="TelefonoTutor" to="Tutor.Extension"}"
                               id="TelefonoTutor"
                               value="{$solicitud->getTutor()->getExtension()}"/>
                    </dd>
                </dl>
            </fieldset>
            <fieldset>
                <legend>Ubicaci&oacute;n geogr&aacute;fica del sitio de pr&aacute;cticas</legend>
                <dl>
                    <dt>
                        <label for="DireccionPracticas">
                            Direcci&oacute;n
                        </label>
                    </dt>
                    <dd>
                        <input type="text"
                               name="{bind name="DireccionPracticas" to="DireccionPracticas"}"
                               id="DireccionPracticas"
                               value="{$solicitud->getDireccionPracticas()}"/>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="TelefonoPracticas">
                            Tel&eacute;fono
                        </label>
                    </dt>
                    <dd>
                        <input type="text"
                               name="{bind name="TelefonoPracticas" to="Telefono"}"
                               id="TelefonoPracticas"
                               value="{$solicitud->getTelefono()}"/>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="PaisUbicacion">
                            Pa&iacute;s
                        </label>
                    </dt>
                    <dd>
                        <select id="PaisUbicacion">
                            <option>- Elegir -</option>
                            {foreach $Paises as $country}
                            <option value="{$country->getCodigoPais()}"
                                    {if $country->getCodigoPais() == $idPais}selected="selected"{/if}>
                                {$country->getNombre()}
                            </option>
                            {/foreach}
                        </select>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="DepartamentoUbicacion">
                            Departamento
                        </label>
                    </dt>
                    <dd>
                        <select id="DepartamentoUbicacion">
                            <option>- Elegir -</option>
                            {foreach $Departamentos as $departamento}
                            <option value="{$departamento->getCodigoDepartamento()}"
                                    {if $departamento->getCodigoDepartamento() == $idDepartamento}selected="selected"{/if}>
                                {$departamento->getNombre()}
                            </option>
                            {/foreach}
                        </select>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="CiudadUbicacion">
                            Ciudad
                        </label>
                    </dt>
                    <dd>
                        <select name="{bind name="CiudadUbicacion" to="CodigoMunicipio"}" id="CiudadUbicacion">
                            <option>- Elegir -</option>
                            {foreach $Municipios as $municipio}
                            <option value="{$municipio->getCodigoMunicipio()}"
                                    {if $municipio->getCodigoMunicipio() == $idMunicipio}selected="selected"{/if}>
                                {$municipio->getNombre()}
                            </option>
                            {/foreach}
                        </select>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="EsSucursalPrincipal">
                            Su empresa es
                        </label>
                    </dt>
                    <dd>
                        <input type="radio"
                               name="{bind name="EsSucursalPrincipal" to="EsSucursalPrincipal"}"
                               id="sucursal"
                               value="0"
                               style="position: relative !important; left: auto !important;"
                               {if !$solicitud->getEsSucursalPrincipal()}checked="checked"{/if}/>
                        <label for="sucursal">Sucursal</label>

                        <input type="radio"
                               name="{bind name="EsSucursalPrincipal" to="EsSucursalPrincipal"}"
                               id="principal"
                               value="1"
                               style="position: relative !important; left: auto !important;"
                               {if $solicitud->getEsSucursalPrincipal()}checked="checked"{/if}/>
                        <label for="principal">Principal</label>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <label for="EsSucursalPrincipal">
                            Remuneraci&oacute;n (Opcional)
                        </label>
                    </dt>
                    <dd>
                        $<input type="text" value="0" name="{bind name="Remuneracion" to="PracticanteActual.Remuneracion"}" />
                    </dd>
                </dl>
            </fieldset>
            <input type="submit" value="Enviar solicitud" />
        </div>
    </div>
</form>

<script type="text/javascript">
    var departamentosURL = "{$GetDepartamentos}";
    var minicipiosURL = "{$GetMunicipios}";
    {literal}
    jQuery.noConflict();
    jQuery(document).ready(function($){
        var dates = $( "#FechaIniciacion, #FechaFinalizacion" ).datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 2,
                onSelect: function( selectedDate ) {
                    var option = this.id == "FechaIniciacion" ? "minDate" : "maxDate",
                            instance = $( this ).data( "datepicker" ),
                            date = $.datepicker.parseDate(
                                    instance.settings.dateFormat ||
                                    $.datepicker._defaults.dateFormat,
                                    selectedDate, instance.settings );
                    dates.not( this ).datepicker( "option", option, date );
                }
        });

        $("#PaisUbicacion").change(function(){
            var val = $(this).val();
            $("#DepartamentoUbicacion").html("");
            $("#CiudadUbicacion").html("");

            $.ajax({
                url:departamentosURL + val,
                type: 'GET',
                dataType:'json',
                success: function (data){
                        var options = '<option> - Elegir - </option>';
                        for(var i in data){
                            if(typeof data[i] != 'function') {
                                options += '<option value=\"' + data[i].CodigoDepartamento + '\">';
                                options += data[i].Nombre;
                                options += '</options>';
                            }
                        }

                        $("#DepartamentoUbicacion").html(options);
                    }
            });
        });

        $("#DepartamentoUbicacion").change(function(){
            var val = $(this).val();
            $.ajax({
                url:minicipiosURL + val,
                type: 'GET',
                dataType:'json',
                success: function (data){
                        var options = '<option> - Elegir - </option>';
                        for(var i in data){
                            if(typeof data[i] != 'function') {
                                options += '<option value=\"' + data[i].CodigoMunicipio + '\">';
                                options += data[i].Nombre;
                                options += '</options>';
                            }
                        }

                        $("#CiudadUbicacion").html(options);
                    }
            });
        });

    });
    {/literal}
</script>
{/block}